/**index.less**/
page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  width: 750rpx;
  height: 1624rpx;
  background: linear-gradient(90deg, rgba(255, 253, 244, 0.63) 0%, rgba(253, 247, 225, 0.63) 100%), #FFFFFF;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  overflow: hidden;
}

.scrollarea {
  flex: 1;
  overflow-y: hidden;
  display: flex;
}

.container_box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;

  .bgImg {
    width: 100%;
    height: 100%;
    /* 设置背景图的路径 */
    background-size: cover;
    /* 背景图覆盖整个元素 */
    background-position: center;
    /* 背景图居中 */
    background-repeat: no-repeat;
    /* 背景图不重复 */
  }

  .mainContentBox {
    position: fixed;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 260rpx;
    background: #FFFFFF;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    opacity: 0.8;

    .header_img_box {
      width: 260rpx;
      height: 260rpx;
      margin-top: -130rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      background: linear-gradient(270deg, rgba(255, 250, 232, 0.63) 0%, rgba(255, 253, 244, 0.63) 100%), #FFFFFF;

      .header_img {
        width: 240rpx;
        height: 240rpx;
        border-radius: 50%;
        /* 设置背景图的路径 */
        background-size: cover;
        /* 背景图覆盖整个元素 */
        background-position: center;
        /* 背景图居中 */
        background-repeat: no-repeat;
        /* 背景图不重复 */
      }
    }

    .name {
      margin-top: 20rpx;
      font-family: Noto Sans SC, Noto Sans SC;
      font-weight: 900;
      font-size: 40rpx;
      color: #2A220E;
      text-align: center;
      font-style: normal;
      text-transform: none
    }

    .text {
      margin-top: 40rpx;
      margin-bottom: 20rpx;
      font-family: Inter, Inter;
      font-weight: 500;
      font-size: 28rpx;
      color: #2A220E;
      text-align: center;
      font-style: normal;
      text-transform: none;
    }

    .QRcode {
      width: 300rpx;
      height: 300rpx;
      margin-bottom: 100rpx;
      /* 设置背景图的路径 */
      background-size: cover;
      /* 背景图覆盖整个元素 */
      background-position: center;
      /* 背景图居中 */
      background-repeat: no-repeat;
      /* 背景图不重复 */
    }
  }

  .btmBox {
    position: fixed;
    bottom: 100rpx;
    display: flex;
    width: 100%;
    justify-content: space-between;

    .save {
      margin-left: 58rpx;
      padding: 0 58rpx;
      background: #FFFFFF;
      border-radius: 60rpx 60rpx 60rpx 60rpx;
      height: 100rpx;
      font-family: Noto Sans SC, Noto Sans SC;
      font-weight: 500;
      font-size: 32rpx;
      color: #64A7E4;
      text-align: center;
      font-style: normal;
      text-transform: none;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .interwiew {
      margin-right: 58rpx;
      height: 100rpx;
      background: #64A7E4;
      border-radius: 60rpx 60rpx 60rpx 60rpx;
      font-family: Noto Sans SC, Noto Sans SC;
      font-weight: 500;
      font-size: 32rpx;
      color: #ffff;
      text-align: center;
      font-style: normal;
      text-transform: none;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}